<template>
  <div class="kaung">
    <router-link :to="{name:'co_search'}">
      <img class="search_img" src="https://o6wndwjxn.qnssl.com/%E6%90%9C%E7%B4%A2%E6%A0%8F@3x.png">
      <!-- <img
        src="https://o6wndwjxn.qnssl.com/%E9%A1%B5%E9%9D%A2%E5%86%85%E6%90%9C%E7%B4%A2.png"
        alt
        class="search_img"
      >
      <div class="search">
        <img
          src="http://o6wndwjxn.qnssl.com/8e38520181030095826762.png"
          alt
        >
        搜索
      </div> -->
    </router-link>
  </div>
</template>

<script>
export default {
  props: ['bannerlist'],
  data () {
    return {
    }
  },
  components: {}
}
</script>
<style>
@import "../../assets/css/index.css";
.kaung {
  width: calc(100vw * 670 / 750);
  /* width: 100%; */
  margin: 0 auto;
}
.search {
  display: inline-block;
  width: calc(100vw * 562 / 750);
  height: 43px;
  vertical-align: middle;
}
.search_img {
  width: calc(100vw * 686 / 750);
  height: calc(100vw * 60 / 750);
  margin-top: calc(100vw * 20 / 750);
  margin-bottom: calc(100vw * 20 / 750);
  vertical-align: middle;
}
.search > a {
  width: 100%;
  height: 24px;
  line-height: 24px;
  background-color: #f5f5f5;
  border-radius: 8px;
  text-align: center;
  text-indent: 0px;
}
.search > a img {
  width: 17px;
  height: 17px;
  position: absolute;
  left: 38%;
  top: 3px;
}
</style>
